<!DOCTYPE html>
<!-- saved from url=(0042)http://v.bootstrapmb.com/2019/10/pgla6358/ -->
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
	<title>信息绑定</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="../pub/jquery-1.8.3.min.js"></script>
	<style type="text/css">
		#msgBox {
			display: inline-block;
			position: relative;
			top: 47%;
			left: 20%;
			width: 59%;
			height: 40%;
		}

		#evaluate {
			position: relative;
			width: 95%;
			height: 35%;
			top: 5%;
			left: 5%;
		}

		#evaluate span {
			width: 10%;
			height: 27px;
			font-size: 70%;
			font-family: FZPangWa-M18S;
			font-weight: bold;
			color: #333333;
		}

		#evaluate .dimensionality {

			height: 25%;
			width: 100%;
		}

		#evaluate .dimensionality span {

			font-size: 60%;
			color: #8C8C8C;
			font-family: Microsoft YaHei;
			font-weight: 400;
			margin-right: 10%;
			position: relative;
			width: 30%;
		}

		.star {

			display: inline-block;
			position: absolute;
			width: 70%;
			height: 20%;

		}

		.star img {
			width: 13%;
			height: 90%;
		}

		#remark {

			position: relative;
			width: 90%;
			height: 55%;
			top: 5%;
			left: 5%;

		}

		#remark span {
			width: 10%;
			height: 27px;
			font-size: 70%;
			font-family: FZPangWa-M18S;
			font-weight: bold;
			color: #333333;
		}

		#remark #remarkMsg {
			position: relative;
			width: 95%;
			height: 85%;
			border: 1px solid #05a0e0;
			border-radius: 3%;
		}
	</style>
</head>

<body style="background-image: url(./page.png);   
                background-repeat:no-repeat;
                background-size:100% 100%;
                -moz-background-size:100% 100%;">
	<div id="msgBox">
		<div id="evaluate">
			<span>教师评价</span>
			<div id="first" class="dimensionality">
				<span>程序技术</span>
				<div id="firstStar" class="star">

				</div>
			</div>
			<div id="second" class="dimensionality">
				<span>创新创造</span>
				<div id="secondStar" class="star">

				</div>
			</div>
			<div id="third" class="dimensionality">
				<span>用户体验</span>
				<div id="thirdStar" class="star">

				</div>
			</div>
		</div>
		<div id="remark">
			<span>教师评语</span>
			<div id="remarkMsg"
				style="padding: 10px;box-sizing: border-box; word-break: break-all;text-indent: 16px;margin-top: 5px;">

			</div>
		</div>
	</div>
	<script>
		var http = localStorage.getItem("http")
		var itemId = localStorage.getItem("itemId")
		var weidu1, weidu2, weidu3, teacherComments
		axios.get(http + '/project/piGaiZuoYeHuiXian', {
			params: {
				"projectId": itemId
			}
		})
			.then(response => {
				console.log(response);
				weidu1 = response.data.data.weiduOne
				weidu2 = response.data.data.weiduTwo
				weidu3 = response.data.data.weiduThree
				teacherComments = response.data.data.teacherComments
				for (let i = 0; i < weidu1; i++) {
					$("#firstStar").append('<img src="xingxing@2x%20(1).png">')
				}
				for (let i = 0; i < weidu2; i++) {
					$("#secondStar").append('<img src="xingxing@2x%20(1).png">')
				}
				for (let i = 0; i < weidu3; i++) {
					$("#thirdStar").append('<img src="xingxing@2x%20(1).png">')
				}
				document.getElementById("remarkMsg").innerText = teacherComments



			})

	</script>

</body>

</html>